<script type="text/javascript" src="/css/myStyles/nuj5imv.js"></script>
<style type="text/css">.tk-cooper-black-std{font-family:"cooper-black-std-1","cooper-black-std-2",sans-serif;}</style>
<link href="Draw/js/myLibs/nuj5imv-e.css" rel="stylesheet" />

<style type="text/css">

a:link, a:visited {
	text-decoration: none;
	color: #fff;
	border: none;
	}	

#stamp {	
	display: block;
	margin: 20px 0;
	border: none;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
	}
#stamp:hover {	
	opacity: .7;
	}

/* button styles */

.btn {		
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	display: inline-block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow:
		0 8px 0 #1a74a1,
		0 15px 20px rgba(0,0,0,.35);
	-moz-box-shadow:
		0 8px 0 #1a74a1,
		0 15px 20px rgba(0,0,0,.35);
	box-shadow:
		0 8px 0 #1a74a1,
		0 15px 20px rgba(0,0,0,.35);
	-webkit-transition: -webkit-box-shadow .2s ease-in-out;
	-moz-transition: -moz-box-shadow .2s ease-in-out;
	-o-transition: -o-box-shadow .2s ease-in-out;
	transition: box-shadow .2s ease-in-out;
	}
.btn span {	
	display: inline-block;
	padding: 10px  20px;
	font-family: "cooper-black-std-1", "cooper-black-std-2", Helvetica, Arial, sans-serif;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(19,65,88,.8);
	background: #3194c6;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3194c6), to(#5bacd6));
	background: -moz-linear-gradient(#3194c6, #5bacd6);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
	-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
	box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
	-webkit-transition: -webkit-transform .2s ease-in-out;
	-moz-transition: -moz-transform .2s ease-in-out;
	-o-transition: -o-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	}
.btn:active {	
	-webkit-box-shadow: 
		0 8px 0 #1a74a1,
		0 12px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 
		0 8px 0 #1a74a1,
		0 12px 10px rgba(0,0,0,.3);
	box-shadow: 
		0 8px 0 #1a74a1,
		0 12px 10px rgba(0,0,0,.3);
	}
.btn:active span {	
	-webkit-transform: translate(0, 4px);
	-moz-transform: translate(0, 4px);
	-o-transform: translate(0, 4px);
	transform: translate(0, 4px);
	}
</style>
<center>
<h2>Registrate para participar</h2>
<form>
    
    <table style="border-spacing:  5px;">
        <tr>
            <td align="right">Cedula</td>
            <td colspan="2">
                <input type="text" placeholder="Digita tu numero de cedula" size="35" id="txtCedula"/>
            </td>
        </tr>
        <tr>
            <td align="right">Usuario</td>
            <td colspan="2">
                <input type="text" size="35" placeholder="Ingresa tu nombre de usuario" id="txtuser"/><label>@s-com.com</label>
            </td>
        </tr>
        <tr>
            <td align="right">Selecciona laboratorio</td>
            <td colspan="2">
                <select>
                    <option>Lab: I</option>
                    <option>Lab: II</option>
                    <option>Lab: III</option>
                    <option>Lab: IV</option>
                    <option title="Espartanos!">Lab: V</option>
                </select>
            </td>
        </tr>
        <tr>
            <td colspan="2"></td>
            <td>    
                <br />
                <a href="#" class="btn" id="btnParticipar"><span>Participar</span></a>
            </td>
        </tr>
    </table> 
    
</form>

</center>
